<template>
    <base-page>
		<view slot="header">
			<!-- #ifdef MP-WEIXIN -->
			<cu-custom :isBack="true" bgColor="bg-white">
			    <block slot="content">关于醒目购</block>
			</cu-custom>
			<!-- #endif -->
			<!-- #ifdef H5 -->
			<block >
			    <cu-custom :isBack="true" bgColor="bg-white">
			        <block slot="content">关于醒目购</block>
			    </cu-custom>
			</block>
			<!-- #endif -->
		</view>
        <view slot="center" class="auto-100 section bg-gray">
           
            <view class="Logo">
                <image src="https://toc.nanyuecloud.com/toc-inst-app/zqanswer/test/img/xmg/logo.png">
            </view>
			<!-- #ifdef H5 -->
			<view class="Textd">醒目购V{{sendVersionNum}}</view>
			<!-- #endif -->
			<!-- #ifdef MP-WEIXIN -->
			<view class="Textd">醒目购V2.0.0</view>
			<!-- #endif -->
            <view class="list">
                <view class="listContent boder-padding ">
                    <view>微信公众号</view>
                    <view>醒目购公众号</view>
                </view>
<!--                <view class="listContent">
                    <view>联系电话</view> 
                    <view class="Telephone">123-0763-0043</view>
                </view> -->
            </view>
            <view class="UserAgreement">
                <view @click="mixinUserAgreement">用户协议</view>
                <view>|</view>
                <view @click="mixinUserPrivacy">隐私政策</view>
            </view>
            <p>佛山电视台版权所有</p>
        </view>
    </base-page>
</template>

<script>
import $Sdk from '@/common/js/sdk.js'
export default {
    data() {
        return {
			sendVersionNum:null
		};
    },
    onLoad(e) { },
    onShow(e) {
		// #ifdef H5
		let timer = setInterval(() => {
			window.sendVersion = e => {
				console.log(e, 'sendVersion')
				if (e != undefined && e != '') {
					console.log('拿到数据', e)
					this.sendVersionNum = e
					clearInterval(timer)
				}else{
					console.log('没拿到数据', e)
				}
			}
		}, 400)
		// #endif
	},
    methods: {
		mixinUserAgreement(){
			uni.setStorageSync('weburl', 'https://fswww.shmedia.tech/service.html');
			this.$Router.push({
				path: '/publicPages/activity/outerchain',
				query:{
					name:'用户协议'
				}
			});
		},
		mixinUserPrivacy(){
			uni.setStorageSync('weburl', 'https://fswww.shmedia.tech/privacy.html');
			this.$Router.push({
				path: '/publicPages/activity/outerchain',
				query:{
					name:"隐私政策"
				}
			});
		}
	},
    mounted() { }
};
</script>

<style lang="scss">
.boder-padding {
    background-color: #fff;
    padding: 15px 0;
    border-bottom: 1px solid #f4f4f4;
}
.Textd {
    text-align: center;
    font-size: 16px;

    color: rgba(51, 51, 51, 1);
    margin-top: 10px;
    width: 100%;
}

.Logo {
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 54px;
    margin-bottom: 10px;
	border-radius: 50%;
    image {
        width: 70px;
        height: 100%;
        -webkit-touch-callout: default;
		border-radius: 50%;
    }
}

p {
    text-align: center;
    font-size: 10px;
    color: rgba(153, 153, 153, 1);
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 48px;
}

.UserAgreement {
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 68px;
    section {
        font-size: 10px;
        text-decoration: underline;
        color: rgba(51, 51, 51, 1);
        margin-left: 5px;
    }
    section:nth-child(1) {
        margin-left: 0px;
    }
}

.section {
    width: 100%;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    .list {
        width: 100%;
        margin-top: 48px;
        .listContent {
            width: 100%;
            height: 44px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-sizing: border-box;
            background: #fff;
            margin-top: 1px;
            padding: 0 10px;
            > view {
                font-size: 14px;
                color: rgba(51, 51, 51, 1);
            }
            .Telephone {
                font-size: 14px;

                color: rgba(153, 153, 153, 1);
            }
        }
    }
}
</style>
